body{
	font-size:0.9rem;
}

th{
	white-space: nowrap;
	vertical-align:top;
	text-align:left;
	padding-left:20px;

}

td{
	padding-left:20px;
}

table.unstriped tr:nth-of-type(even),table.unstriped tr:nth-of-type(odd) {
    background-color: transparent !important;
}

table.noborder tbody{
	border:0 !important;
	background-color: transparent !important;
	margin:20px;
}

table.rowlined tr{
	border-bottom:1px dotted lightgray !important;
}

dl.compact{
	margin-bottom:0;
}

dl.compact dd{
	margin-left:0;
	margin-bottom:1px;
	line-height:1.3;
}

dl.compact dt{
	margin-bottom:0;
}

dl.decolated dt{
	border-left:4px solid ;
	padding-left:5px;
	padding-top:2px;
	font-size:1rem;
	margin-bottom:5px;
	margin-top:15px;
}

div.greengradient1{
	background: #1d4f2b;
background: -moz-linear-gradient(left, #1d4f2b 50%, #308347 90%, #308347 90%);
background: -webkit-linear-gradient(left, #1d4f2b 50%,#308347 90%,#308347 90%);
background: linear-gradient(to right, #1d4f2b 50%,#308347 90%,#308347 90%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d4f2b', endColorstr='#308347',GradientType=1 );
}

div.greengradient2{
	background: #308347;
background: -moz-linear-gradient(left, #308347 10%, #308347 10%, #1d4f2b 50%);
background: -webkit-linear-gradient(left, #308347 10%,#308347 10%,#1d4f2b 50%);
background: linear-gradient(to right, #308347 10%,#308347 10%,#1d4f2b 50%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#308347', endColorstr='#1d4f2b',GradientType=1 );
}

div#services img:hover{
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
	transform: scale(1.15);
	box-shadow: 0px 4px 7px rgba(0,0,0,0.5);
}

div#services img {
    -moz-transition: -moz-transform 0.1s ease-out,box-shadow 0.1s ease-out;
    -webkit-transition: -webkit-transform 0.1s ease-out,box-shadow 0.1s ease-out;
    -o-transition: -o-transform 0.1s ease-out,box-shadow 0.1s ease-out;
    -ms-transition: -ms-transform 0.1s ease-out,box-shadow 0.1s ease-out;
	transition: transform 0.1s ease-out,box-shadow 0.1s ease-out, opacity 0.6s;
}

div#reason h3{
	font-size:18px;
	font-weight:bold;
}

.reasons-rl{
	opacity: 0;
	transform: translate(60px,0); 
	-webkit-transform: translate(60px,0); 
	transition:0.6s;
	transition-delay: 0.5s;
}

.reasons-lr{
	opacity: 0;
	transform: translate(-60px,0); 
	-webkit-transform: translate(-60px,0); 
	transition:0.6s;
	transition-delay: 0.5s;
}

.reasons-mv{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

img.services{
	opacity: 0;
	transition-delay: 0.5s;
}

img.services-mv{
	opacity: 1.0 !important;
}

.effectstarget img.toplogo{
	transition: opacity 0.5s;
}

/*
.effectstarget div.reasons{
	transition: opacity 0.5s;
}
*/

.effectstarget img.logo1{
	transition-delay: 1s;
}

.effectstarget img.logo2{
	transition-delay: 2s;
}

div.adjustbox{
    position: relative;
    width: 100%;
    height: auto;
}

div.adjustbox:before{
    content: "";
    display: block;
	padding-top: 64%;
}

div.innerbox{
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}

img {

}

h3{
	font-family: "Noto Sans Japanese"; 
	font-weight:bold;
	text-align:center;
}

main.alt-pages h3{
	color:#308347;
}


h4{
	font-family: "Noto Sans Japanese"; 
	text-align:left;
	font-weight:bold;

}

.gmapframe {
	position: relative;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	}
	 
.gmapframe iframe,
.gmapframe object,
.gmapframe embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}
.youtube_box{
	width:100%;
	max-width:470px;
	height:300px;
	margin:0 auto;
	margin-top:30px;
}
.youtube_box iframe{
	width:100%;
}
.topdescription{
	font-family: "Noto Sans Japanese"; 
	text-align:left;
	font-weight:bold;
	font-size:25px;
	text-align:center;
}

main.services h3{
	letter-spacing:0.15em;
}

main.services div.green{
	color:white;
	padding-bottom:50px;
}

main.services div.white{
	padding-bottom:50px;
}

main.services table{
	color:black;
}

p.group-description{
	margin-bottom:0;
}

p.group-description span{
	display:inline-block;font-size:10pt;padding:10px;margin-top:15px;
}

div.green p.group-description span{
	border-top:1px solid #6FA87F;
}

div.white p.group-description span{
	border-top:1px solid #DDDDDD;
}


table {
	max-width: 100% !important;
 }
 [type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
	max-width: 100% !important;
	width:auto;
	margin-bottom:3px;
	}

	.main-navigation a {
		display: inline !important;
	}




div.mw_wp_form_input .confirmtext{
	display:none;
}

div.mw_wp_form_confirm .prompttext{
	display:none;
	}

div.mw_wp_form_complete .prompttext{
	display:none;
}

div.mw_wp_form_complete .confirmtext{
	display:none;
}

div.mw_wp_form_input span.require{
	display:inline-block;
	background-color:#D90000;
	color:white;
	font-weight:bold;
	padding:3px;
	font-size:0.7rem;
	margin-left:5px;
}

input[type="submit"]{
	font-size:1rem;
	padding: 1.2em 1.8em;
}

/*メニュー関連*/

div#example-menu ul a{
	padding:0;
}


/* SERVICE */
main.services table.services{
	margin-top:15px;
}

/* RECRUIT*/
main.recruit th{
	background-color:#E8EAE8;
	width:20%;
}

main.recruit div.jobgroup{
	margin-top:10px;
	margin-bottom:60px;
}

/* スマホ向けメディアクエリ*/

@media screen and (max-width: 39.9375em) {
	/**/

		textarea {
			max-width: 360px !important; }
	
		[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
			max-width: 360px !important;
			width:auto;
			}

		/*ナビゲーション*/

		div.navmenu img{
			width:75%;
			height:auto;
		}

		div.navmenu a{
			padding:0;
		}

		img.menubutton{
			width:40px;
			height:auto;
		}

		img.fbicon{
			width:30px;
			height:auto;
		}
		img.instaicon{
			width:30px;
			height:auto;
		}

		/* RECRUIT*/
		main.recruit th{
			background-color:#EEE;
			width:auto;
		}
	}
